@function px2rem($px){
    $rem:37.5px;
    @return ($px/$rem)+rem;
}

body,div,ul,p,span,pre{
        margin: 0;
        padding: 0;
    }
    ul{
        list-style: none;
    }

    

.head{
    width: px2rem(355px);
     padding: 0 px2rem(10px);
    height: px2rem(80px);
    background: #53CAC4;
    position: relative;
}
.head_img{
    width: px2rem(50px);
    height: px2rem(50px);
    border-radius: px2rem(200px);
    overflow: hidden;
    position: absolute;
    top: px2rem(15px);
    right: px2rem(10px);
       
}
.head_img img{
    width: px2rem(50px);
    height: px2rem(50px);
}
.head_cont{
    width: px2rem(280px);
    height: px2rem(80px);
}
.head .name{
    color: #fff;
    font-size: px2rem(24px);
    font-weight:700;
}
.job{
    color: #FFFFFF;
    font-size: px2rem(14px);
}
.main{
    width: px2rem(375px);
    color:#f8f8f8;
}
.main .container{
    width: px2rem(375px);
    padding-bottom: px2rem(20px);
    border-bottom: px2rem(7px) solid #F0F0F0;
}
.main .title{
    width: px2rem(375px);
    height: px2rem(25px);   
    line-height: px2rem(25px);
    margin-bottom: px2rem(5px);
    border-bottom: 1px solid #F0F0F0;
}
.main .title_info{    
    display: block;
    font-size: px2rem(16px);
    font-weight: 500;
    color: #53CAC4; 
    margin-left: px2rem(10px);
}
.main .basic_info{
    width: px2rem(355px);
    height: px2rem(80px);
    padding: 0 px2rem(10px);
    font-size: px2rem(14px);
}
.main .basic_left{
    width: px2rem(177px);
    float: left;  
    overflow: hidden; 
}

.main .basic_right{
     width: px2rem(178px);
    float: left;
     overflow: hidden; 
}
.main .item{    
    color: #AAAAAA;
}
.main .info{
    color: #000;
}
.content{
    text-align: center;
}
.main .teaching{
    width: px2rem(355px);
    display: block;
    color: #000000;
    font-size: px2rem(12px);
    margin: 0 px2rem(10px);
    line-height: 20px;
}
.main .teaching .xiaomiyd{
    width: px2rem(190px);
    height: px2rem(337px);
}
.main .teaching .xiaomipc{
    width: px2rem(355px);
    height: px2rem(159px);
}